.EditActivity{
    background: #2948C4;
    padding-bottom: 1rem;
    .ribbon5 {
        display: inline-block;
        width: calc(100% + 1.4rem);
        height: 0.75rem;
        line-height: 0.75rem;
        text-align: center;
        margin-left: -0.7rem;
        margin-right: -0.7rem;
        background: #01cc01;
        position: relative;
        border-top: 0.01rem dashed #fff;
        font-size: 0.36rem;
        color: #fff;
        border-bottom: 0.01rem dashed #fff;
        z-index:5;
        box-shadow: 0 0 0 0.05rem #01cc01, 0rem 0.2rem 0.02rem -0.18rem rgba(0,0,0,0.6);
    }
    .ribbon5:before {
      content: "";
      position: absolute;
      height: 0;
      width: 0;
      border-top: 0.25rem solid #006000;
      border-left: 0.25rem solid transparent;
      bottom: -0.3rem;
      left: -0.05rem;
    }
    .ribbon5:after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        border-top: 0.25rem solid #006000;
        border-right: 0.25rem solid transparent;
        right: -0.05rem;
        bottom: -0.3rem;
    }



    .configDiv{
        margin: 0.3rem;
    }
    .configIpnt{
        color:#fff;
        
        p{
            color: #01cc01;
            margin: 0.2rem;
        }
        .m1t1{
            float: left;
            color: #fff;
            padding-top: 0.2rem;
            margin-left: 0.2rem;
            margin-right: 0.2rem;
        }
        .m1t2{
            width:1rem;
            border-radius: 0.2rem;
            border: 0.01rem dashed #000;
            padding: 0.2rem;
            margin-right: 0.2rem;
            background: #3558E1;
        }

    }

    .m1{
        width: calc(100% - 0.6rem);
        height: auto;
        background: #375be8;
        padding-top: 0.2rem;
        margin: 0.3rem;
        border-radius: 0.2rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        position: relative;
        padding-bottom: 0.2rem;
        p{
            color: #01cc01;
        }
        .IconInput{
            position: relative;
            i{
                top: 0.15rem;
                left: 0.15rem;
                position: absolute;
                font-size: 0.40rem;
            }
            .phoneInput{
                width:100%;
                border-radius: 0.2rem;
                border: 0.01rem dashed #000;
                padding: 0.2rem;
                margin-right: 0.2rem;
                background: #3558E1;
                padding-left:1rem;
                padding-left: 0.8rem;
            }
        }

        .contentedit{
            width: 100%;
            border-radius: 0.2rem;
            border: 0.01rem dashed #000;
            padding: 0.2rem;
            margin-right: 0.2rem;
            background: #3558E1;
            img{
                max-width:100%;
            }
            video{
                max-width:100%;
            }
        }
        .addImgBtn{
            width: 100%;
            border-radius: 0.2rem;
            border: 0.01rem dashed #000;
            padding: 0.2rem;
            margin-right: 0.2rem;
            text-align: center;
            margin-top: 0.2rem;
            margin-bottom: 0.2rem;
        }
        .m1_TitleInput{
            background: rgba(255, 255, 255, 0);
            border: 0;
            height: 0.75rem;
            line-height: 0.75rem;
            text-align: center;
            color: #fff;
        }
        .top_title{
            .s1{
                display: block;
                width: 30%;
                height: 0.75rem;
                background: #00cb00;
                position: absolute;
                top: -0.325rem;
                left: 50%;
                margin-left: -15%;
                z-index: 3;
                font-size: 0.4rem;
                line-height: 0.75rem;
                color: #fff;
                text-align: center;
            }
            .s1:before {
                content: "";
                position: absolute;
                height: 0;
                width: 0;
                border-top: 0.1rem solid rgb(0, 161, 0);
                border-left: 0.1rem solid transparent;
                bottom: -0.1rem;
                left: 0;
            }
            .s1:after {
                content: "";
                position: absolute;
                height: 0;
                width: 0;
                border-top: 0.1rem solid rgb(0, 161, 0);
                border-right: 0.1rem solid transparent;
                right: 0;
                bottom: -0.1rem;
            }
            .s2{
                display: block;
                width: 15%;
                height: 0.75rem;
                background: #00b700;
                position: absolute;
                top: -0.2rem;
                left: 50%;
                margin-left: calc(-30% + 0.1rem);
            }
            .s2:after {
                content: "";
                position: absolute;
            }
            .s2:after {
                height: 0;
                width: 0;
                border-top: 0.38rem solid #00b700;
                border-bottom: 0.38rem solid #00b700;
                border-left: 0.5rem solid transparent;
                left: -0.5rem;
            }
            .s3{
                display: block;
                width: 15%;
                height: 0.75rem;
                background: #00b700;
                position: absolute;
                top: -0.2rem;
                left: 50%;
                margin-left: calc(30% - 1.2rem);
            }
            .s3:after {
                content: "";
                position: absolute;
            }
            .s3:after {
                height: 0;
                width: 0;
                border-top: 0.38rem solid #00b700;
                border-bottom: 0.38rem solid #00b700;
                border-right: 0.5rem solid transparent;
                right: -0.5rem;
            }
        }

        .m1Input{
            margin-top: 0.2rem;
        }
        .text{
            width: 100%;
            border-radius: 0.2rem;
            border: 0.01rem dashed #000;
            background: #3358e1;
            height: 2rem;
            padding: 0.1rem 0.1rem;
            font-size:0.34rem;
        }
        .tips1{
            color: #01cc01;
            text-align: right;
            margin-top: 0.2rem;
            margin-bottom: 0.2rem;
        }
        .m1t1{
            float: left;
            color: #fff;
            width: 2rem;
            padding-top: 0.2rem;
        }
        .m1t2{
            width: calc(100% - 2rem);
            border-radius: 0.2rem;
            border: 0.01rem dashed #000;
            padding: 0.2rem;
            background: #3558E1;
        }
    }
    .m1data{
        height: 7rem;
        .am-checkbox-item{
            width: 1.9rem;
            background: rgba(255, 255, 255, 0);
                padding: 0;
        }
        .am-checkbox-inner{
            background: #fff;
        }
        .am-list-thumb{
            margin-right: 0.1rem;
        }
        .IconInput{
                float: left;
            .phoneInput {
                float: left;
                width: calc(100% - 1.4rem);
                margin-bottom: 0.2rem;
                margin-right:0;
            }
            
            i{
                right: 0.15rem;
            }
        }
        .ribbon5{
            margin-bottom: 0.2rem;
        }
        p{
            margin: 0.1rem;
            i{
                color:#fff
            }
        }
    }
    .top{
        position: relative;
        .top_img{
            height: auto;
            width: 100%;
        }
        .picBtn2{
            border: 0.01rem solid #ccc;
            padding: 0.05rem;
            width: 2rem;
            text-align: center;
            background: rgba(255, 255, 255, 0.5);
            position: absolute;
            bottom: 0rem;
            font-size: 0.32rem;
            border-radius: 0.2rem;
            left: calc(50% + 0.5rem);
        }
        .picBtn1{
            border: 0.01rem solid #ccc;
            padding: 0.05rem;
            width: 2rem;
            text-align: center;
            background: rgba(255, 255, 255, 0.5);
            position: absolute;
            bottom: 0rem;
            font-size: 0.32rem;
            left: calc(50% - 2.5rem);
            border-radius: 0.2rem;
        }
    }
    .top_fixed{
        z-index: 99;
        position: fixed;
        .tfBtn{
            i{
                margin-right: 0.05rem;
            }
            .ripple{
                position: relative;
                -webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
                -webkit-animation-duration: 2s;/*动画持续时间*/
                -webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
                -webkit-animation-delay: 0s;/*动画延迟时间*/
                -webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
                -webkit-animation-direction: alternate;/*定义动画方式*/
            }
            .hb{
                position: relative;
                -webkit-animation-name:'hb';/*动画属性名，也就是我们前面keyframes定义的动画名*/
                -webkit-animation-duration: 1.5s;/*动画持续时间*/
                -webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
                -webkit-animation-delay: 0s;/*动画延迟时间*/
                -webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
                -webkit-animation-direction: alternate;/*定义动画方式*/
            }
            background: rgba(0, 0, 0, 0.4);
            float: left;
            color: #fff;
            padding: 0.04rem 0.09rem;
            border-radius: 0.1rem;
            margin: 0.15rem;
        }
    }

    .footBtn{
        position: fixed;
        background: rgba(0, 0, 0, 0.79);
        height: 1rem;
        width: 100%;
        bottom: 0rem;
        z-index: 6;
        .fbT1{
            width: 2.5rem;
            height: 0.6rem;
            background: #01cc01;
            line-height: 0.6rem;
            text-align: center;
            border-radius: 0.3rem;
            top: 50%;
            position: absolute;
            margin-top: -0.3rem;
            left: 50%;
            margin-left: -2.7rem;
            color: #fff;
        }
        .fbT2{
            width: 2.5rem;
            height: 0.6rem;
            background: #FF9800;
            line-height: 0.6rem;
            text-align: center;
            border-radius: 0.3rem;
            top: 50%;
            position: absolute;
            margin-top: -0.3rem;
            left: 50%;
            color: #fff;
        }
    }
    .rightBtn{
        position: fixed;
        height: 100%;
        width: 1.2rem;
        right: 0rem;
        top: 0.5rem;
        z-index: 6;
        .rbT1{
            width: 1rem;
            height: 1rem;
            background: rgba(0, 0, 0, 0.69);
            border-radius: 0.5rem;
            color: #fff;
            text-align: center;
            padding-top: 0.15rem;
            margin-bottom: 0.2rem;
        }
        .rbT2{
            width: 1rem;
            height: 1rem;
            background: rgba(0, 0, 0, 0.69);
            border-radius: 0.5rem;
            color: #fff;
            text-align: center;
            padding-top: 0.15rem;
            margin-bottom: 0.2rem;
        }
    }
}
@keyframes ripple {
    0%{transform:scale(1);}
    10%,20%{transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{transform:scale(1.2) rotate(3deg);}
    40%,60%,80%{transform:scale(1.2) rotate(-3deg);}
    100%{transform:scale(1) rotate(0);}
}
@keyframes hb {
    0% {
        top:0rem;
    }
    20% {
        top:-0.07rem;
    }
    50% {
        top:0.01rem;
    }
    100% {
        top:0rem;
    }
}


.checkbox{
    display: none;
}
.lb{
    float: left;
    display: block;
    height: 0.7rem;
    line-height: 0.7rem;
    margin-left: 0.2rem;
    width: 1.2rem;
    padding-top: 0.15rem;
}
.checkbox+span{
    height: 0.4rem;
    width: 0.4rem;
    display: block;
    background: #fff;
    border-radius: 0.5rem;
    position: relative;
    float: left;
}
.checkbox:checked+span{
    background: #01cc01;
}
.checkbox:checked+span:before{
    content: '/';
    display: inline-block;
    width: 0.14rem;
    height: 0.05rem;
    background: #fff;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    transform: rotate(45deg);
    top: 0.24rem;
    position: absolute;
    left: 0.06rem;
}
.checkbox:checked+span:after{
    content: '/';
    display: block;
    width: 0.25rem;
    height: 0.05rem;
    background: #fff;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    transform: rotate(495deg);
    top: 0.2rem;
    left: 0.12rem;
    position: absolute;
}
.btx{
    margin-left: 0.08rem;
    float: left;
    line-height: 0.4rem;
}
.templateMain{
    .lb{
        width:100%;
    }
    .checkbox+span{
        background: #01cc01;
    }
    .btx{
        margin-left: 0.3rem;
    }
}




$bule:#2948C4;


$red:#9D0101;
$redM1:#cb0101;
$redM1T2:#c50101;
$redFont:#fec000;
$redRibon:#FFE701;
$redjiao:#FFA301;

$green:#007402;
$greenM1:#1D9500;
$greenM1T2:#1D9101;
$greenFont:#ffc107;
$greenRibon:#FEE600;
$greenjiao:#FFC110;
.red{
    background: $red;
    .m1{
        background:$redM1;
        .m1t2 {
            background: $redM1T2;
        }
        .text {
            background: $redM1T2;
        }
        .tips1 {
            color:$redFont;
        }
        .contentedit {
            background: $redM1T2;
        }
        .IconInput .phoneInput{
            background: $redM1T2;
        }
        .m1_TitleInput {
            color:$redM1;
        }
        p{
            color:$redFont;
        }
    }
    .configIpnt{
        .m1t2{
            background: $redM1T2;
        }
        p{
            color:$redFont;
        }
    }
    .ribbon5{
        background: $redRibon;
        box-shadow: 0 0 0 0.05rem $redRibon, 0rem 0.2rem 0.02rem -0.18rem rgba(0,0,0,0.6);
        color: $redM1;
    }
    .ribbon5:before{
        border-top: 0.25rem solid $redjiao;
    }
    .ribbon5::after{
        border-top: 0.25rem solid $redjiao;
    }
}


.bule{
    background: $bule;
}
.green{
    background: $green;
    .m1{
        background:$greenM1;
        .m1t2 {
            background: $greenM1T2;
        }
        .text {
            background: $greenM1T2;
        }
        .tips1 {
            color:$greenFont;
        }
        .contentedit {
            background: $greenM1T2;
        }
        .IconInput .phoneInput{
            background: $greenM1T2;
        }
        .m1_TitleInput {
            color:$greenM1;
        }
        p{
            color:$greenFont;
        }
    }
    .configIpnt{
        .m1t2{
            background: $greenM1T2;
        }
        p{
            color:$greenFont;
        }
    }
    .ribbon5{
        background: $greenRibon;
        box-shadow: 0 0 0 0.05rem $greenRibon, 0rem 0.2rem 0.02rem -0.18rem rgba(0,0,0,0.6);
        color: $greenM1;
    }
    .ribbon5:before{
        border-top: 0.25rem solid $greenjiao;
    }
    .ribbon5::after{
        border-top: 0.25rem solid $greenjiao;
    }
}